import React, { PureComponent } from 'react';
import {
    RecommendWrapper,
    RecommendItem,
    DownLoad,
    DownLoadAll,
    DownLoadContent
} from '../style'
import jianshuhuiyuan from '../../../statics/jainshuhuiyuan.png'
import jianshubanquan from '../../../statics/jianshubanquan.png'
import jianshudaxuetang from '../../../statics/jianshudaxuetang.png'
import youxianlianzai from '../../../statics/youxianlianzai.png'
import downloadCode from '../../../statics/erweima.png'

class Recommend extends PureComponent{
    render() {
        return (
            <RecommendWrapper>
               <RecommendItem imgUrl={jianshuhuiyuan} />
               <RecommendItem imgUrl={jianshubanquan} />
               <RecommendItem imgUrl={jianshudaxuetang} />
               <RecommendItem imgUrl={youxianlianzai} />
               <DownLoad>
                  <img alt="" className="qrcode" src={downloadCode} />
                  <DownLoadAll>
                     <DownLoadContent>下载简书手机App<i className="iconfont">&#xe770;</i></DownLoadContent>
                     <DownLoadContent className="anywhere">随时随地发现和创作内容</DownLoadContent>
                  </DownLoadAll>
               </DownLoad>
            </RecommendWrapper>
        )
    }
}

export default Recommend